<template>
    <div style="position:relative;height: 100%;">
      <iframe
          id="iframe"
          :src="modelerUrl"
          frameborder="0"
          width="100%"
          height="720px"
          scrolling="auto"
      />
  <!--    <Spin v-if="modelerLoading" fix size="large" />-->
    </div>
  </template>
  
  <script>
  import { getToken } from '@/utils/auth'
  export default {
    name: 'ModelDefine',
    components: {},
  
    data() {
      return {
        modelerLoading: true,
        modelerUrl: ""
      }
    },
    computed: {
      token() {
        return sessionStorage.getItem('adminToken')
      },
      apiUrl(){
        return process.env.VUE_APP_BASE_API+'/activiti';//后台部署的api服务
      },
    },
    created() {},
    mounted() {
      window.getMyVue = this
    },
    methods: {
      getModelEvent(modelId){
        console.log('modelId', modelId)
        this.modelerUrl = `/static/modeler.html?modelId=${modelId}`
      },
    }
  }
  </script>
  <style lang="less" scoped>
  .iframe {
    width: 100%;
    height: calc(100vh - 154px);
  }
  </style>
  
  